<template>
	<view class="card">
		<view>-</view>
		<slot>
			<view class="card-name">{{cardTitle}}</view>
		</slot>
		<!-- 卡槽标签 -->
		<view>-</view>
	</view>
</template>

<script>
	export default {
		props:{
			cardTitle:String // 定义接受参数
		},
		name:"common",
		data() {
			return {
				
			};
		}
	}
</script>
														
<style scoped>
.card{
	padding: 20rpx 0;
	/* 横向展示 */
	display: flex;
	/* 内容居中 */
	justify-content: center; 
	/* 文字加粗 */
	font-weight: bold;
}
.card-name{
	/* 上下为0 左右为20 */
	padding: 0 20rpx;
	/* 文字大小 32 */
	font-size: 32rpx;
}
</style>
